<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="referrer" content="no-referrer">
    <link rel="stylesheet" href="./css/content.css">
    <link rel="stylesheet" href="./css/hzhanime.css">
    <title>Document</title>
</head>

<body>
    <div class="all">
        <div class="header">
            <div class="content">
                <div class="left">
                    <a class="study" href="./wenxue.html">磨铁文学</a>
                    <a href="./hzhlaikan.html" class="curr">来看中文网</a>
                    <a href="./jinwenshouye.html">锦文小说网</a>
                    <a href="./momoMain.html">墨墨言情网</a>
                    <a href="./bookIndex.html">逸云书院</a>
                </div>
                <div class="right">
                    <a href="">用户da955a9b</a>
                    <a href="">退出</a>
                    <a href="">消息(<span>0</span>)</a>
                    <span>手机版</span>
                </div>
            </div>
        </div>
        <div class="back">
            <div class="bg">
                <div class="logo"></div>
                <div class="se">
                    <div class="search">
                        <input oninput="newSearch()" type="text" placeholder="找书">
                        <div class="btn">
                            <i></i>
                        </div>
                    </div>
                    <ul class="searchLists">


                    </ul>
                </div>
                <div class="fr">
                    <i></i>
                    我的书架
                </div>
            </div>
        </div>
        <div class="firstnav">
            <ul>
                <li><a href="./hzhlaikan.html">首页</a></li>
                <li><a href="./hzhbook.html">书库</a></li>
                <li><a href="./hzhrank.html">排行</a></li>
                <li><a href="./hzhauthor.html">作家专区</a></li>
                <li><a href="./hzhbenefit.html">福利</a></li>
                <li class="first">
                    <a href="./hzhanime.html">动漫</a>
                    <img src=""
                        alt="">
                </li>
            </ul>
        </div>
        <div class="container">
            <div class="light">
                <img src="./img/局部截取_20250829_162302.png" alt="">
                <div class="content">
                    <span>消息提示的文案</span>
                    <p>价格明细：表示每一张表情包的价格为1元。
                        付款方式：目前仅支持微信支付的付款方式。
                        退款政策：购买成功后，不能申请退款。
                        版权声明：用户购买后仍然需要遵守版权规定，不得用于商业用途或未经授权的二次传播等。</p>
                    <i onclick="del()">x</i>
                </div>
            </div>
            <div class="clearfixer">
                <div class="de-item">
                    <div class="item-list">
                        <div class="lis">
                            <img src=""
                                alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="./img/下载.jpg" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="./img/下载 (1).jpg" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="./img/下载 (2).jpg" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="./img/下载 (3).jpg" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="./img/下载.jpg" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="./img/下载.jpg" alt="">
                        </div>
                    </div>

                </div>
                <div class="de-item">
                    <div class="item-list">
                        <div class="lis">
                            <img src="./img/w1.20925f3.png" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="https://pic.motieimg.com/web-pc-my3/dist/static/img/w2.c390eed.png" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="https://pic.motieimg.com/web-pc-my3/dist/static/img/w3.83a6df1.png" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="https://pic.motieimg.com/web-pc-my3/dist/static/img/w6.c897f28.png" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="https://pic.motieimg.com/web-pc-my3/dist/static/img/w8.3981dbe.png" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="https://pic.motieimg.com/web-pc-my3/dist/static/img/w9.b6f3eea.png" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="https://pic.motieimg.com/web-pc-my3/dist/static/img/w9.b6f3eea.png" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="./img/w1.20925f3.png" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="https://pic.motieimg.com/web-pc-my3/dist/static/img/w2.c390eed.png" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="https://pic.motieimg.com/web-pc-my3/dist/static/img/w3.83a6df1.png" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="https://pic.motieimg.com/web-pc-my3/dist/static/img/w6.c897f28.png" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="https://pic.motieimg.com/web-pc-my3/dist/static/img/w8.3981dbe.png" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="https://pic.motieimg.com/web-pc-my3/dist/static/img/w9.b6f3eea.png" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lihttps://pic.motieimg.com/web-pc-my3/dist/static/img/w10.7a6eccb.png" alt="">
                        </div>
                    </div>

                </div>
                <div class="de-item">
                    <div class="item-list">
                        <div class="lis">
                            <img src="./img/下载 (4).jpg" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="https://pic.motieimg.com/web-pc-my3/dist/static/img/n2.1f87edb.jpeg" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="./img/下载 (5).jpg" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="./img/下载 (5).jpg" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="https://pic.motieimg.com/web-pc-my3/dist/static/img/n4.4d8d021.jpeg" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="https://pic.motieimg.com/web-pc-my3/dist/static/img/n5.63ee2bb.jpeg" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="https://pic.motieimg.com/web-pc-my3/dist/static/img/n6.c9a69c9.jpeg" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="./img/下载 (6).jpg" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="./img/下载 (7).jpg" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="https://pic.motieimg.com/web-pc-my3/dist/static/img/n9.a98bc43.jpeg" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="https://pic.motieimg.com/web-pc-my3/dist/static/img/ll01.f8b3e79.png" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="https://pic.motieimg.com/web-pc-my3/dist/static/img/ll02.3aa1790.png" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="https://pic.motieimg.com/web-pc-my3/dist/static/img/ll03.847569e.png" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="https://pic.motieimg.com/web-pc-my3/dist/static/img/ll04.4740c7b.png" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="https://pic.motieimg.com/web-pc-my3/dist/static/img/fc14.7000101.png" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="https://pic.motieimg.com/web-pc-my3/dist/static/img/fc04.fcfc5b9.png" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="https://pic.motieimg.com/web-pc-my3/dist/static/img/fc03.4204c98.png" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="https://pic.motieimg.com/web-pc-my3/dist/static/img/fc01.b3cd427.png" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="https://pic.motieimg.com/web-pc-my3/dist/static/img/ll03.847569e.png" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="https://pic.motieimg.com/web-pc-my3/dist/static/img/ll04.4740c7b.png" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="https://pic.motieimg.com/web-pc-my3/dist/static/img/fc14.7000101.png" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="https://pic.motieimg.com/web-pc-my3/dist/static/img/fc04.fcfc5b9.png" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="https://pic.motieimg.com/web-pc-my3/dist/static/img/fc03.4204c98.png" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="https://pic.motieimg.com/web-pc-my3/dist/static/img/fc01.b3cd427.png" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="https://pic.motieimg.com/web-pc-my3/dist/static/img/ll03.847569e.png" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="https://pic.motieimg.com/web-pc-my3/dist/static/img/ll04.4740c7b.png" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="https://pic.motieimg.com/web-pc-my3/dist/static/img/fc14.7000101.png" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="https://pic.motieimg.com/web-pc-my3/dist/static/img/fc04.fcfc5b9.png" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="https://pic.motieimg.com/web-pc-my3/dist/static/img/fc03.4204c98.png" alt="">
                        </div>
                    </div>
                    <div class="item-list">
                        <div class="lis">
                            <img src="https://pic.motieimg.com/web-pc-my3/dist/static/img/fc01.b3cd427.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="sideMenu">
            <ul>
                <li>
                    <a class="con fle" href="">
                        <i class="f1"></i>
                        <span class="rea read"></span>
                    </a>
                </li>
                <li>
                    <a class="con fle1" href="">
                        <i class="f2"></i>
                        <span class="rea read1"></span>
                    </a>
                </li>
                <li>
                    <a class="con fle2" href="">
                        <i class="f3"></i>
                        <span class="rea read2"></span>
                    </a>
                </li>
            </ul>
            <div class="totop"></div>
        </div>
        <div class="foot">
            <div class="font">
                <a href="">磨铁文学旗下网站：</a>
                <a href="">来看中文网</a>
                <a href="">锦文小说网</a>
                <a href="">墨墨言情网</a>
                <a href="">逸云书院</a>
                <br>
                <a href="">关于我们</a>
                <a href="">联系我们</a>
                <a href="">加入我们</a>
                <a href="">帮助中心</a>
                <a href="">网站地图</a>
            </div>
            <p class="announce">
                Copyright © 2011-2025 LAIKAN.COM All Rights Reserved. 北京来看科技有限公司 版权所有
                <br>
                增值电信业务经营许可证 京B2-20190319 丨 网络出版服务许可证 (署）网出证（京）字第325号 丨
                <a href="">京ICP备17040734号-1</a>
                <br>
                <a href="">网络违法犯罪举报</a>
                <a href="">中国互联网举报中心</a>
                <a href="">网络举报APP下载</a>
                <br>
            </p>
            <div class="blank">
                <a href="">
                    <img src="https://pic.motieimg.com/web-pc-my3/dist/static/img/guohui.d0289dc.png" alt="">
                    <p>京公网安备 11010202009584号</p>
                </a>
            </div>
        </div>
    </div>
</body>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script>
    const newSearch = () => {
        const input = document.querySelector('input')
        const searchLists = document.querySelector('.searchLists')
        if (input.value == '') {
            searchLists.innerHTML = ''
        } else {
            axios.get(`https://app2.motie.com/search?objectType=2&word=${input.value}&pageSize=2`).then(res => {
                let datelist = ''
                searchLists.innerHTML = ''
                res.data.data.bookList.forEach((date1, everys) => {
                    datelist += `
                    <li class="line">
                        <a href="">
                            <img src="${date1.icon}"
                                alt="" class="imgbox">
                            <div class="details">
                                <p class="de-name">${date1.name}</p>
                                <p class="de-author">${date1.authorName}</p>
                            </div>
                        </a>
                    </li>
                `
                })
                searchLists.innerHTML = `
                <li>
                    <a class="about" href="">
                        <i></i> 搜“
                        <span>${input.value}</span>
                        ”相关作品>>
                    </a>
                </li>
                ${datelist}      
            `
            }).catch(err => {
                console.log(err)
            })
        }
    }
    const del = () => {
        event.target.parentNode.parentNode.remove()
    }
    document.addEventListener('click', (event) => {
        const searchLists = document.querySelector('.searchLists');
        const searchContainer = document.querySelector('.se .search'); // 搜索框容器

        // 判断点击位置是否在搜索框或搜索结果内
        const isClickInsideSearch = searchContainer.contains(event.target) ||
            searchLists.contains(event.target);

        // 如果点击在外部且有搜索结果，则隐藏结果
        if (!isClickInsideSearch && searchLists.innerHTML.trim() !== '') {
            searchLists.innerHTML = ''; // 只清空搜索结果，保留输入框内容
        }
    });

    const totop = document.querySelector(".totop")
    totop.addEventListener('click', () => {
        // 平滑滚动到顶部（behavior: 'smooth' 实现平滑效果）
        window.scrollTo({
            top: 0,
            behavior: 'smooth'
        });
    });
    // const nav = document.querySelector('.nav')
    const triggerScrollPos = 500;
    window.addEventListener('scroll', function () {
        // 获取当前滚动的垂直距离
        const currentScrollPos = window.scrollY;

        // 判断滚动位置并添加/移除显示类
        if (currentScrollPos > triggerScrollPos) {
            totop.style.display = 'block'
        } else {
            totop.style.display = 'none'
        }
    });
</script>

</html>